import styled from 'styled-components'

const HomeStyle = styled.div`

    .flex-row{
        display:flex;
        justify-content:space-between;
        align-items:center;
    }
    .flex-column{
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        align-items:center;
    }

    .goods-container{
        border-radius:.13rem;
        box-shadow: 0rem 0rem 0rem 0rem rgba(4, 4, 4, 0.24);
        background-color:white;
        /* box-sizing:border-box; */
        /* height: 3.04rem; */
        .goods{
            height:2.4rem;
            padding: 0 .32rem;
            .goods-left{
                height:2.4rem;
                width:2.4rem;
                img{
                    /* vertical-align:middle; */
                    width:2.4rem;
                    height:100%;
                }
            }
            .goods-center{
                width:.32rem;
                height:100%;
            }
        }
    }

    .goods-right{
        width: 5.83rem;
        height:100%;
        align-items:stretch;
        .goods-title{
            font-size:.37rem;
            /* span::before{
                content: '一件代发' ;
                background-color:#CF292B;
                color:white;
                padding: 2px 2px;
                border-radius: .15rem;
                margin-right:1px;
            } */
        }
        .sale-type{
            text-align:right;
            font-size: 0.29rem;
            color: #C1C1C1;
        }
        .goods-info{
            div{
               .nt-price{
                    color: #C1C1C1;
                    font-weight: 500;
                    font-size: .29rem;
                    text-decoration: line-through;
               }
               .real-price{
                    font-size: .4rem;
                    font-weight:500;
                    color: #FF762E;
                    span{
                        font-size: .32rem;
                        font-style: PingFang-SC-Medium;
                            
                    }
               }
            }
            .caigou{
                /* top-left top-right bottom-left bottom-right */
                border-radius: .4rem 0 0 .4rem;
                color:white;
                height:.81rem;
                width: 2.13rem;
                background-color:#FF762E;
                position: absolute;
                right: 0;

                div{
                    height:100%;
                    span{
                        /* height:100%; */
                        display:block;
                        line-height: .81rem;
                        text-align:center;
                    }
                }
              
               .caigou-text{
                font-size: .31rem;
                text-align:center;              
               }
            }
        }
    }

    .goods-option-popup{
        height: 9.9rem;
    }

    

`

export default HomeStyle

